import { VC, Component } from '@/VC-vue'
import './excep.styl'
import excepImg from './../../assets/img/nodata.png'

@Component({})
export default class Exce extends VC {
    navigateTo(path: string) {
        this.$router.push({
            path
        })
    }
    renderExcep() {
        return (
            <div class="excep-container">
                <img src={excepImg} class="excep-img" />
                <div class="tips">网页跑到外太空去了~</div>
                <md-button
                    class="btn"
                    size="small"
                    onclick={this.navigateTo.bind(this, '/')}
                >
                    返回首页
                </md-button>
            </div>
        )
    }

    render() {
        return <div>{this.renderExcep()}</div>
    }
}
